body.kjtc-body {
    font-size: 14px;
    color: #333333;
    background-color: #F3F3F4;
    font-family: MicrosoftYaHei;
}

.operateBox-wrapper {
    background-color: #FFFFFF;
    margin: 20px 18px 10px 20px;
    border: 1px solid rgba(231, 231, 231, 1);
    min-height: 200px;
}

/****************************** 标题 ******************************/
.operateBox-title {
    background-color: #FFFFFF;
    padding: 16px 22px 16px 18px;
    border-bottom: 1px solid rgba(231, 231, 231, 1);
    font-size: 14px;
    font-style: normal;
}

/****************************** 查询栏 ******************************/
.operateBox-query {
    background-color: #FFFFFF;
    padding: 20px 20px 0px 20px;
    border-bottom: 1px solid rgba(231, 231, 231, 1);
}

/* 一个查询栏里有一或多行 */
.query-row {
    background-color: #FFFFFF;
    padding-bottom: 20px;
}

.query-row > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 180px;
    margin-right: 40px;
}

/* 查询栏中的输入框,下拉框 */
.operateBox-query .query-input,.operateBox-query .query-select {
    border: 1px solid rgba(153, 153, 153, 1);
    border-radius: 2px;
    height: 30px;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: rgba(51, 51, 51, 1);
}

/* 查询栏中的按钮 */
button.query-button {
    border-radius: 2px;
    width: 60px;
    height: 30px;
    padding: 0;
    text-align:center;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    margin-left: 20px;
}

button.button-green {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(27, 187, 158, 1);
    border: 1px solid rgba(27, 187, 158, 1);
}

button.button-white {
    color: rgba(51, 51, 51, 1);
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(153, 153, 153, 1);
}
/****************************** 工具栏（位于表格和查询栏之间）******************************/
.operateBox-toolBox {
    padding: 10px 18px 0 22px;
}

.operateBox-toolBox .toolBox-button {
    border-radius: 2px;
    height: 30px;
    padding: 0;
    text-align:center;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    margin-left: 10px;
}

.operateBox-toolBox .button-group > .toolBox-button {
    border-radius: 0;
    font-weight: bold;
    margin: 0;
}

.operateBox-toolBox .button-group > .button-white {
    color:rgba(102,102,102,1);
    border:1px solid rgba(231,231,231,1);
}
/****************************** 表格 ******************************/
.operateBox-table {
    padding: 11px 18px 11px 22px;
}

.operateBox-table .fixed-table-container {
    border-radius: 0;
}

.table-striped > thead > tr {
    font-size: 14px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    line-height: 19px;
}

.table-striped > tbody > tr {
    height: 50px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: rgba(51, 51, 51, 1);
    line-height: 19px;
}

.operateBox-table .table-striped > tbody > tr:nth-of-type(even) /* 偶数行颜色 */
{
    background-color: #FFFFFF;
}

.operateBox-table .table-striped > tbody > tr:nth-of-type(odd) /* 奇数行颜色 */
{
    background-color: #F5F6F7;
}

/* 操作中的选项 */
.table-operate {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: rgba(0, 136, 234, 1);
    line-height: 19px;
}
/****************************** 模态框 ******************************/
.modal-800 {
    margin:200px auto;
    width: 800px;
}

.modal-content > .modal-header {
    padding: 18px 40px;
    border: none;
    min-height: 60px;
}

.modal-content > .modal-body {
    padding: 25px 40px 40px;
    background-color: #FAFAFA;
    min-height: 200px;
}

.modal-content > .modal-footer {
    text-align: center;
    padding: 30px 0 40px;
    border: none;
    min-height: 100px;
}

.modal-body > .input-row {
    margin: 30px auto;
    display: flex;
    align-items: center;
}

.input-row > div.input-label {
    text-align: right;
    width: 20%;
}

.input-row > .modal-input {
    border: 1px solid rgba(153, 153, 153, 1);
    border-radius: 2px;
    width: 60%;
    height: 36px;
    margin-right: 30px;
}

.input-row > div.input-tips {
    font-size: 12px;
    color: #666666;
    text-align: left;
    width: 20%;
}
/****************************** bootstrapTable中的detailView相关 ******************************/
/* 不显示图标 */
.detail-icon >.glyphicon.glyphicon-plus {
    display: none;
}

.detail-icon >.glyphicon.glyphicon-minus{
    display: none;
}
/****************************** 其他 ******************************/
.width-100 {
    width: 100px;
}

.width-80 {
    width: 80px;
}

